@charset "UTF-8";

/**
 * @desc 全局SASS变量
 * @author 大志
 * @update kyle
 * @date 2019-07-29
 */

/* font相关
----------------------------------------------------------------*/

$fontSize: 24px !default;
$fontLineHeight: 1.5 !default;
$fontFamily: 'Helvetica Neue', Helvetica, STHeiTi, Arial, sans-serif !default;
// ios华文黑体,Android 4.0之后,Android 4.0之前
$fontCn: STHeiTi, Roboto, 'Droid Sans Fallback', Arial !default;
// ios4.0+,ios4.0-,Android 4.0+,Android 4.0-
$fontEn: 'Helvetica Neue', Helvetica, Roboto, 'Droid Sans', Arial !default;

/* 背景色，文本色，边框色，链接色
----------------------------------------------------------------*/

$colorText: #333 !default;
$colorBg: #fff !default;
$colorBorder: #ebedf0 !default;
$colorLink: #08c !default;
$colorPlaceholder: #999 !default; // input placeholder color
$colorDisabled: (
  text: #999,
  bg: #e3e3e3,
  border: #dbdbdb
) !default; // textColor bgColor borderColor
$colorOverlay: rgba(0, 0, 0, 0.7) !default; // 遮罩层颜色

/* 基本颜色
 * color function : http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html
 * lighten($color, $amount)
 * darken($color, $amount)
 * opacity($color, $amount)
 * mix($color1, $color2[, $amount])
----------------------------------------------------------------*/

$color3: #333;
$color6: #666;
$color9: #999;
$colorC: #ccc;
$colorE5: #e5e5e5;
$colorF4: #f4f4f4;
$colorF5: #f5f5f5;
$colorF6: #f6f6f6;
$colorF7: #f7f7f7;
$colorF9: #f9f9f9;
$colorEF: #efefef;
$colorF: #fff;
$black: #000 !default;
$blue: #2196f3 !default;
$lightBlue: #eef5fb !default;
$orange: #ff9500 !default;
$unionpay: #00508e !default;
$red: #ff0505 !default;
$green: #0ac517 !default;
$bluepurple: #3d41d9 !default;
// $primary: #2196f3 !default;
$primary: #2cd334 !default;
$second: #f38e21 !default;
$deepred: #ec612a !default;
$selfgray: #f7f7fa !default;
$ffgray: #f4f5f6 !default;
$tsgorg: #ffa321 !default;
$param15: #16ad56 !default;
/*主题颜色*/
// $primary1: #2cd334;
// $second1: #ffae45;
// $primary2: #0374ff;
// $second2: #c2ddff;
// $primary3: #ff547b;
// $second3: #ffe6e8;
// $primary4: #000000;
// $second4: #d9ae8b;
// $primary5: #ff7700;
// $second5: #ffb533;
// $primary6: #eb1010;
// $second6: #272424;
// $primary7: #1c1c1b;
// $second7: #ff417c;
// $primary8: #f7c78a;
// $second8: #ffe2be;
// $primary9: #fe5722;
// $second9: #2a2a2f;
// $primary10: #2c4068;
// $second10: #ff7f61;
// $primary11: #fdbc00;
// $second11: #403e38;
// $primary12: #1a697f;
// $second12: #f6b7bc;
// $primary13: #fc8f2d;
// $second13: #ff722d;
$primary1: #2cd334;
$second1: #ffaf45;
$primary2: #4076fc;
$second2: #feb264;
$primary3: #ff547c;
$second3: #1832a5;
$primary4: #000000;
$second4: #d9ae8b;
$primary5: #feae58;
$second5: #ff722e;
$primary6: #eb1010;
$second6: #282424;
$primary7: #725abe;
$second7: #e695da;
$primary8: #dba868;
$second8: #f7c88a;
$primary9: #fe5822;
$second9: #2a2a30;
$primary10: #2c4068;
$second10: #ff8062;
$primary11: #fdbc00;
$second11: #403e38;
$primary12: #f6b7bc;
$second12: #1a6a80;
$primary13: #2a7472;
$second13: #ff8552;
$primary14: #f49c36;
$second14: #392219;
$primary15: #16ad56;
$second15: #ec612a;
$primary16: #993a34;
$second16: #dba868;
/* 会员等级背景颜色 */
$grade-bg-8: #fdffd2;
$grade-bg-7: #fff6e5;
$grade-bg-6: #fff1e6;
$grade-bg-5: #fff5ea;
$grade-bg-4: #ffebeb;
$grade-bg-3: #ebf1ff;
$grade-bg-2: #edebff;
$grade-bg-1: #fff6ea;

/* 会员等级字体颜色 */
$grade-color-8: #ffdc57;
$grade-color-7: #ffc46d;
$grade-color-6: #ffab30;
$grade-color-5: #f88b4b;
$grade-color-4: #f35d60;
$grade-color-3: #4975cf;
$grade-color-2: #6954ff;
$grade-color-1: #797672;

/*理疗主题色*/
$physio-primary1: #24c373;
$gray7: #7d8699;
$gray5: #545965;
$black2: #2a2d33;

/* 圆角
----------------------------------------------------------------*/

$radiusBase: 5px !default;
$radiusSmall: 3px !default;

/* 顶部标题栏高度
----------------------------------------------------------------*/
$topTleHeight: 44px !default;

/* z-index
----------------------------------------------------------------*/

$zIndexHeader: 1000 !default;
$zIndexFooter: 2000 !default;
$zIndexPopup: 3000 !default;
$zIndexOverlay: 4000 !default; // 默认高于header和footer部分
$zIndexSlide: 4500 !default;
$zIndexToast: 5000 !default;
$zIndexMsgbox: 5000 !default;

/* 数值列表
----------------------------------------------------------------*/
/* 外边距 */
$marginList: -150, -140, -100, -80, -60, -20, -12, -10, -2, 0, 2, 4, 5, 6, 8, 10, 12, 14, 15, 16, 18, 20, 22, 24, 25, 26, 27, 28, 30, 32, 34,
  35, 36, 40, 45, 48, 50, 55, 60, 62, 70, 80, 90, 100, 110, 120, 140, 150, 200;

/* 内填充 */
$paddingList: 0, 1, 5, 6, 8, 10, 12, 14, 15, 16, 18, 20, 22, 24, 25, 26, 28, 30, 32, 34, 35, 36, 38, 40, 42, 43, 45, 48, 50, 55, 60, 70, 80,
  90, 100, 110, 120, 129, 150, 170, 250;

/* 字体大小 */
$fontSizeList: 0, 10, 12, 13, 14, 15, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 45, 48, 50, 52, 54, 56, 60, 64, 70, 72, 80,
  88, 96, 100, 120, 150, 160;

/* 字间距 */
$letterSpacingList: 0, 4, 8, 16, 20;

/* 字体粗细 */
$fontWeightList: 200, 400, 500, 600, 700;

/* 圆角 */
$borderRadiusList: 4, 5, 6, 8, 10, 12, 13, 14, 15, 16, 18, 20, 21, 24, 25, 30, 32, 44, 54;

$borderRadiusList: 0, 5, 6, 8, 10, 12, 13, 14, 15, 16, 18, 20, 21, 24, 25, 26, 30, 32, 40, 44, 54;

/* 行高*/
$lineHeightList: 34, 36, 40, 42, 44, 48, 52, 56, 58, 60, 68, 70, 76, 80, 88, 90, 100, 110, 114;

/* flex */
$flexNumberList: 0, 1, 2, 2.5, 3;
/* 图标大小 */
$iconSizeList: 28, 32, 40, 44, 45, 48, 60, 72, 74, 80, 86, 88, 90, 92, 100, 160, 170, 120, 130, 136, 138, 140, 106, 200, 220, 350, 390, 480;
/* 宽度百分比 */
$widthList: 33, 50, 66, 100, 200;

/* 位移 */
$topList: -80, -35, -30, -10, 0, 5, 10, 20, 24, 30, 32, 35, 40, 45, 50, 60, 70, 80, 175, 234, 326;
$bottomList: -30, -10, 0, 5, 10, 20, 30, 35, 40, 45, 50, 60, 70, 80;
$leftList: -30, -10, 0, 5, 10, 20, 30, 32, 40, 45, 50, 60, 70, 80;
$rightList: -35, -30, -10, 0, 5, 10, 20, 30, 40, 45, 50, 60, 70, 80;

/* 主题色配置 */
$primaryList: (
  green: $primary1,
  blue: $primary2,
  purple: $primary3,
  black: $primary4,
  lightOrange: $primary5,
  red: $primary6,
  rose: $primary7,
  gyellow: $primary8,
  orange: $primary9,
  blackBlue: $primary10,
  zise: $primary11,
  style12: $primary12,
  style13: $primary13,
  style14: $primary14,
  style15: $primary15,
  style16: $primary16
);
$secondList: (
  green: $second1,
  blue: $second2,
  purple: $second3,
  black: $second4,
  lightOrange: $second5,
  red: $second6,
  rose: $second7,
  gyellow: $second8,
  orange: $second9,
  blackBlue: $second10,
  zise: $second11,
  style12: $second12,
  style13: $second13,
  style14: $second14,
  style15: $second15,
  style16: $second16
);

/* 等级字体颜色列表 */
$gradeColorlist: (
  1: $grade-color-1,
  2: $grade-color-2,
  3: $grade-color-3,
  4: $grade-color-4,
  5: $grade-color-5,
  6: $grade-color-6,
  7: $grade-color-7,
  8: $grade-color-8
);
/* 等级背景颜色列表 */
$gradeBgList: (
  1: $grade-bg-1,
  2: $grade-bg-2,
  3: $grade-bg-3,
  4: $grade-bg-4,
  5: $grade-bg-5,
  6: $grade-bg-6,
  7: $grade-bg-7,
  8: $grade-bg-8
);
